<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>我的信息</title>
	<link rel="icon" href="../../img/icon.png" type="image/x-icon"/>
	<link rel="stylesheet" type="text/css" href="../../../css/mui.css"/>
	<link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
	<link rel="stylesheet" type="text/css" href="../../../css/app.css"/>
</head>
<body>
	<!-- 头部TITLE -->
	<header class="mui-bar mui-bar-nav mui-bar-transparent">
		<span class="mui-icon mui-icon-back" onclick="mui.back()"></span>
		<h1 class="mui-title">我的信息</h1>
	</header>
	<!-- 头部TITLE -->
	
	<!-- 主体部分 -->
	<div style="height: 45px;"></div>
	<ul class="mui-table-view">
		<li class="mui-table-view-cell" 
			onclick="jumpToMyNick()">
			<a class="mui-navigate-right">
				用户名
				<span class="app-list-right" id="nickname">
					用户名
				</span>
			</a>
		</li>
		<li class="mui-table-view-cell">
			<!-- <a class="mui-navigate-right"> -->
				 手机号码
				<span class="app-list-right" id="phone">
					手机号
				</span>
			<!-- </a> -->
		</li>
<!-- 		<li class="mui-table-view-cell">
			<a class="mui-navigate-right">
				 性别
				<span class="app-list-right" id="nick">男</span>
			</a>
		</li> -->
		<li class="mui-table-view-cell" 
			onclick="jumpToMyPwd()">
			<a class="mui-navigate-right">
				 登陆密码
				<span class="app-list-right">更新密码</span>
			</a>
		</li>
<!-- 		<li class="mui-table-view-cell" 
			onclick="jumpToMyRegist()">
			<a class="mui-navigate-right">
				 注册
			</a>
		</li>
		<li class="mui-table-view-cell" 
			onclick="jumpToMyLogin()">
			<a class="mui-navigate-right">
				 登陆
			</a>
		</li> -->
	</ul>
	<!-- 主体部分 -->
	
	<!-- 底部菜单 -->
	<nav class="mui-bar mui-bar-tab">
		<a class="mui-tab-item" onclick="jumpToIndex()">
			<span class="mui-icon mui-icon-home"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="mui-tab-item" onclick="jumpToMarket()">
			<span class="mui-icon mui-icon-download"></span>
			<span class="mui-tab-label">库</span>
		</a>
		<a class="mui-tab-item" onclick="jumpToReward()">
			<span class="mui-icon mui-icon-spinner-cycle"></span>
			<span class="mui-tab-label">奖励</span>
		</a>
		<a class="mui-tab-item mui-active" onclick="jumpToMy()">
			<span class="mui-icon mui-icon-contact"></span>
			<span class="mui-tab-label">我的</span>
		</a>
	</nav>
	<!-- 底部菜单 -->
</body>
</html>


<script src="../../../js/mui.js"></script>
<script src="../../../js/app.js"></script>
<script src="../../../js/views/view.js"></script>
<script type="text/javascript">
	//自动加载
	(function($, owner) {
		getUserInfo();
	}(mui, window.app = {}));
	// 获取用户信息
	function getUserInfo(){
		var userInfo = cacheGet(userInfoKey);
		var nickname = getStrLimitNum(userInfo.name, 10);
		mui("#nickname")[0].innerHTML = nickname;
		mui("#phone")[0].innerHTML = userInfo.phone;
	}
</script>